<style>
.list{
margin:20 900px;
width:498px;
height:500px;
position:absolute;
top:25px;



}
h1{
font-size:50px;


}
h3{



font-size:26px;
}
.ab{
float:right;
font-size:26px;
color:#2b72ff;
text-decoration:none;


}
#d1{
width:498px;
height:58px;
font-size:20px;
padding:6px;

border:1px solid #ccc;
border-radius:3px;

transition:border-colcor ease-in-out   .15s,box-shadow ease-in-out    .15s;



}
#d1:focus{

box-shadow:0 1px 1px rgba(0,0,0,.075);
border-color:#66AFE9  !important;


}

#d2{
width:498px;
height:58px;
font-size:20px;
padding:6px;
border:1px solid #ccc;
border-radius:3px;
}

#d4{
width:498px;
height:62px;
color:white;
font-size:20px;
background:#2b72ff;
fonte-size:16px;
border:none;

}

#d3{
width:323px;
height:55px;
padding:6px;
font-size:20px;
border:1px solid #ccc;
border-radius:3px;


}

.select{
width:169px;
height:55px;
font-size:18px;


}
#d5{
width:240px;
height:55px;
padding:5px;
font-size:18px;
border:1px solid #ccc;
border-radius:3px;


}

#ajx2{

width:252px;
height:55px;
background:#2b72ff;
color:white;
border:none;


}
#yincang{

display:none;
}

span{
color:red;
display:none;




}
.text{
text-indent:86px;



}
#d0{
float:left;

}
.p1{
color:#aaa;
text-indent:40px;
}


</style>



<div id="d0">
<img src="8.jpg" style="height:880px;width:560px">

</div>

<div class="list">
<br />

<h1>欢迎注册笔记</h1>
<a class="ab" href="">免费送号</a>
<h3>每一天，乐在写笔记。</h3>

<br/><br/><br />
<br/>
<input  id="d1" placeholder="昵称"/>

<br /><span id="ni">昵称不能为空</span><br />

<input id="d2" placeholder="密码" type="password"/>
<br /><span id="mi">密码不能为空</span><br />
<select class="select">
<option>中国+86</option>
<option>台湾</option>
<option>香港</option>
<option>澳门</option>
</select>
<input id="d3"  placeholder="手机号码" />
<br /><span id="sj">请填写手机号码</span><br />

<div id="yincang">
<input id="d5" placeholder="短信验证码" />
<button id="ajx2">发送短信验证码</button>
<br /><br />

</div>
<button id="d4">立即注册</button>
<br /><br />
<div>
<br />
<p class="text" style="color:#aaa">我已阅读并同意相关服务条款和隐私政策</p>


</div>
<br /><br /><br /><br />
<p class="p1">Copyright © 1998-2020Tencent All Rights Reserved</p>

<script>
d1.onclick=function(){

yincang.style.display="none";


}


d2.onclick=function(){

yincang.style.display="none";


}





d3.onclick=function(){

ajx2.style.background="#2b72ff";
ajx2.style.color="white";
sj.style.display="none";

yincang.style.display="block";


}




document.onclick=function(e){
if(e.srcElement==document.body){
yincang.style.display="none";

}

}
d5.onclick=function(){
if(d3.value.length==0){
ajx2.style.background="#f0f0f0";
ajx2.style.color="#ccc";
sj.style.display="block";

}else{

ajx2.style.background="#2b72ff";
ajx2.style.color="white";


}



}





</script>
<script src="base.js"></script>

<script src="reg.js"></script>


